<template > 
    <div class="box"> 
        <div class="footer">
            <div class="leftAbout">
                <dl v-for="(it,idx) in flootInfo" :key="idx">
                    <dt>{{ it.category_name }}</dt>
                    <dd v-if="it.data&&it.data.length>0" v-for="(t,i) in it.data"><a @click = "toPage(t.news_id,'help','id')" target="_blank">{{ t.title }}</a></dd>
                </dl>
                <!-- <dl>
                    <dt>新手指南</dt>
                    <dd><a href="help.html" target="_blank">注册流程</a></dd>
                    <dd><a href="help.html" target="_blank">忘记密码</a></dd>
                    <dd><a href="help.html" target="_blank">购课流程</a></dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd><a href="help.html" target="_blank">银行汇款</a></dd>
                    <dd><a href="help.html" target="_blank">在线支付</a></dd>
                    <dd><a href="help.html" target="_blank">支付问题</a></dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="help.html" target="_blank">在线班主任</a></dd>
                    <dd><a href="help.html" target="_blank">重读申请</a></dd>
                    <dd><a href="help.html" target="_blank">退款说明</a></dd>
                </dl>
                <dl>
                    <dt>常见问题</dt>
                    <dd><a href="help.html" target="_blank">课程问题</a></dd>
                    <dd><a href="help.html" target="_blank">支付问题</a></dd>
                    <dd><a href="help.html" target="_blank">技术问题</a></dd>
                </dl> -->
            </div>
            <div class="jxWeChat">
                <b>网校微信号</b><img :src="configInfo.wxqrcode">
            </div>
            <div class="jxWeChat">
                <b>APP下载</b><img :src="configInfo.appqrcode">
            </div>
            <div class="copyright">
                <a  target="_blank">中辰营业执照</a>
                <a  target="_blank">中国315诚信企业</a>
                <a  target="_blank">中国教育行业十大品牌</a>
                COPYRIGHT ©2021 ZHONGJIA EDUCATION
                <br>
                <a href="https://beian.miit.gov.cn/" rel="noflow" target="_blank" class="icp">{{ configInfo.beian }}</a>
            </div>
        </div>
    </div>
</template>
<script>
import pagePublic from "@/mixins/pagePublic.js";
    export default {
        name: "tem",
        mixins: [pagePublic],
        props:{
            configInfo:{
                type:Object,
                default(){
                    return {}
                }
            },
            flootInfo:{
                type:Array,
                default(){
                    return []
                }
            }
        },
        data(){
            return{
                
                // urls:{
                //     list:()=>{
                //         return {
                //             url:this.$store.state.urls.list,
                //             method:"get",
                //             sync:false,
                //         }
                //     },
                //     add:this.$api.tem.add,
                //     edit:this.$api.tem.edit,
                //     del:this.$api.tem.del
                // },

                
            }
        },
        created() {
            
        },
        methods:{
            
        }
    }
</script>
<style lang="scss" scoped>
    .footer{background: #272C32; padding-top: 36px; text-align: center;}
    .footer .leftAbout{display: inline-block;}
    .footer .leftAbout dl{margin-right:70px; display: inline-block;}
    .footer .leftAbout dl dt{font-size: 14px; line-height: 14px; color: #D9D9D9; font-weight: bold;}
    .footer .leftAbout dl dd a{font-size:12px; line-height: 12px; color: #D9D9D9; margin-top: 20px; display: inline-block;}
    .footer .leftAbout dl dd a:hover{text-decoration: underline;}
    .footer .jxWeChat{display: inline-block; margin-left:60px;}
    .footer .jxWeChat b{display: block; color: #fff; font-size: 12px; padding-bottom: 10px;}
    .footer .jxWeChat img{width: 100px; height: 100px; }
    .footer .copyright{width: 1200px; padding:36px 0; margin:40px auto 0; text-align: center; line-height:20px; color: #D9D9D9; border-top: 1px solid #666;}
    .footer .copyright a{color:#D9D9D9; }
    .footer .copyright a:hover{text-decoration: underline;}
    .footer .copyright a.icp{ display: block; margin-top: 10px;}
</style>